<template>
  <div class="title" :style="{ width: width }">
    <i class="el-icon-menu"></i>
    <div>{{ titleText }}</div>
  </div>
</template>
<script>
export default {
  props: {
    titleText: {
      type: String,
      default: '列表'
    },
    width: {
      type: String,
      default: '80vw'
    }
  }
}
</script>
<style lang="less">
.title {
  height: 30px;
  line-height: 30px;
  border: 2px solid black;
  display: flex;
  i {
    font-size: 30px;
    border: 1px solid black;
  }
  div {
    margin-left: 20px;
  }
}
</style>
